<template id="collage_member">
	<div class="collage_member">
		<!--头部-->
		<div class="about_header">

			<div class="about_title">
				<router-link :to="{path:'/collage_coach',query:{id}}"><img src="../../assets/images/class/jiantou_03.png" /></router-link>
				<p>会员中心</p>
				<div class="about_select">
					<div class="about_ing"></div>
				</div>
			</div>

		</div>
		<!--头部结束-->

		<!--会员服务-->
		<div class="member_wrap">
			<img src="../../assets/images/collage/member_02.png"/>
			<button><font>￥699立即开通</font><span>每次立省76元</span></button>
		</div>
     <!--会员服务结束-->
     
     <div class="member_fuy">
     	<ul>
     		<li>
     			<img src="../../assets/images/collage/member_05.png"/>
     			<p>超值礼品</p>
     			<span>价值千元</span>
     		</li>
     		<li>
     			<img src="../../assets/images/collage/member_07.png"/>
     			<p>4折专享价</p>
     			<span>仅需49元/次</span>
     		</li>
     		<li>
     			<img src="../../assets/images/collage/member_09.png"/>
     			<p>分享有券</p>
     			<span>好友下单即得</span>
     		</li>
     		<li>
     			<img src="../../assets/images/collage/member_11.png"/>
     			<p>体验馆使用</p>
     			<span>覆盖全北京</span>
     		</li>
     	</ul>
     
     </div>
     
     <!--最新福利-->
     <div class="member_weal">
     	<div class="weal_top">
     		<span></span><h1>最新福利</h1><span></span>
     	</div>
     	<div class="weal_bottom" @click.stop="specialWelfare"><img src="../../assets/images/collage/weal_03.png" /></div>
     </div>
     <!--最新福利结束-->
     
	</div>
</template>

<script>
	export default {
		data() {
			return {

              id:this.$route.query.id
			}
		},

		methods: {

		specialWelfare(id){
			this.$router.push({
				path:'/specialWelfare',
				query:{
					id:this.id
				}
			})
		}
		}
	}
</script>

<style scoped>
	@import "../../assets/css/collage_member.css";
</style>